<!-- 1: 模仿京东首页轮播，图片不要动，只要效果即可 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业1：京东首页轮播</title>
<style>
			*{
				margin: 0;
				padding:0;
			}
			.c1{
				height: 448px;
				width: 452px;
				position: relative;
				margin: 50px auto;
			}
			.c2{
				z-index: 2;
				color: darkgrey;
				position:absolute;
				bottom: 2px;
				padding-left: 10%;
				font-size: 0%;
				width: 100%;
				bottom: 20px;
			}
			.c2 li{
				font-size:12px;
				display:inline-block;
				width:18px;
				height:18px;
				line-height:18px;
				border-radius:50%;
				margin:0 2px;
				background:#eeece5;
				cursor:pointer;
			}
		</style>
	</head>
	<body>
		<div class="c1">
			<div><a href="#"><img src="picture/jdlb.png"/></a></div>
			<ul class="c2">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</body>
</html>